<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/* flex-basis属性定义了在分配多余空间之前，项目占据的主轴空间（main size）。
			浏览器根据这个属性，计算主轴是否有多余空间。它的默认值为auto，即项目的本来大小。 */
			.contain{
				background-color: aqua;
				display: flex;
			}
			/* 它可以设为跟width或height属性一样的值（比如350px），则项目将占据固定空间。 */
				
		</style>
	</head>
	<body>
		<div class="contain">
		<div style="width: 200px;height: 300px; background-color: #6495ED; flex-basis: 10%;"></div>
		</div>
	</body>
</html>
